<template>
  <div class="full header_bgi text_center">
    <div class="full cursor" @click="goToHomePage()">
      <!-- 只能在 文字上 可以点击 -->
      <span class="cursor font_zh ls_5 text" :style="headerStyle" @click="goToHome">
        {{ headerName }}
      </span>
    </div>
  </div>
</template>

<script setup lang="js">
  import { useRoute, useRouter } from 'vue-router'

  const route = useRoute()
  const router = useRouter()
  
  defineProps({
    headerName: '',
    headerStyle: {}
  })

  function goToHomePage() {
    router.push('/')
  }
</script>

<style></style>
